<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
Version: 4.7.5
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Metronic Admin Theme #1 | Admin Dashboard</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
        <meta content="" name="author" />
        <!-- BEGIN GLOBAL MANDATORY STYLES -->

        <!--<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />-->
        <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
        <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
        <!-- END GLOBAL MANDATORY STYLES -->


        <!-- BEGIN THEME GLOBAL STYLES -->

        <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
        <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />

        <!-- END THEME GLOBAL STYLES -->
        <!-- BEGIN THEME LAYOUT STYLES -->
        <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
        <link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
        <link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="../assets/global/plugins/layui/css/layui.css"/>
        <!-- END THEME LAYOUT STYLES -->
        <link rel="stylesheet" href="../assets/custom/css/changeother.css"/>
        <link rel="stylesheet" href="../assets/custom/css/changeIndex.css"/>
    <!-- END HEAD -->

    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
        <div class="page-wrapper">
            <!-- BEGIN HEADER -->
            <div class="page-header navbar navbar-fixed-top">
                <!-- BEGIN HEADER INNER -->
                <div class="page-header-inner ">
                    <!-- BEGIN LOGO -->
                    <div class="page-logo">
                        <a href="index.html">
                         <h3>数演大数据交换平台</h3> </a>
                    </div>
                    <!-- END LOGO -->
                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                        <span></span>
                    </a>
                    <!-- END RESPONSIVE MENU TOGGLER -->
                    <!-- BEGIN TOP NAVIGATION MENU -->
                    <div class="top-menu">
                        <ul class="nav navbar-nav pull-right">
                            <li class="dropdown dropdown-user">
                                <span  class="user-account">
                                    1806767496@qq.com
                                </span>
                            </li>
                            <li class="dropdown dropdown-user">
                                <a href="javascript:;" class="dropdown-toggle change-password" title="修改密码">
                                    <i class="icon-lock-open"></i>
                                </a>
                            </li>
                            <li class="dropdown dropdown-quick-sidebar-toggler">
                                <a href="javascript:;" class="dropdown-toggle login-out">
                                    退出
                                </a>
                            </li>
                            <!-- END QUICK SIDEBAR TOGGLER -->
                        </ul>
                    </div>
                    <!-- END TOP NAVIGATION MENU -->
                </div>
                <!-- END HEADER INNER -->
            </div>
            <!-- END HEADER -->
            <!-- BEGIN HEADER & CONTENT DIVIDER -->
            <div class="clearfix"> </div>
            <!-- END HEADER & CONTENT DIVIDER -->
            <!-- BEGIN CONTAINER -->
            <div class="page-container">
                <!-- BEGIN SIDEBAR -->

                <!-- END SIDEBAR -->
                <!-- BEGIN CONTENT -->
                <div class="page-content-wrapper">
                    <div class="page-sidebar navbar-collapse collapse">
                        <!-- BEGIN SIDEBAR MENU -->
                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
                        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
                            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
                            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                            <li class="sidebar-toggler-wrapper hide">
                                <div class="sidebar-toggler">
                                    <span></span>
                                </div>
                            </li>
                            <!-- END SIDEBAR TOGGLER BUTTON -->
                            <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
                            <li class="sidebar-search-wrapper">
                                <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
                                <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
                                <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
                                <!-- END RESPONSIVE QUICK SEARCH FORM -->
                            </li>
                            <li class="heading">
                                <div class="menu-toggler sidebar-toggler">
                                    <span></span>
                                </div>
                            </li>
                            <li class="nav-item start active open">
                                <a href="javascript:;" class="nav-link nav-toggle">
                                    <i class="icon-home"></i>
                                    <span class="title">首页</span>
                                </a>

                            </li>
                            <li class="nav-item  ">
                                <a href="javascript:;" class="nav-link nav-toggle">
                                    <i class="icon-settings"></i>
                                    <span class="title">表格样式</span>
                                    <span class="arrow"></span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="nav-item  ">
                                        <a href="单列表格.html" class="nav-link " target="myFrameName">
                                            <span class="title">单列表格</span>
                                        </a>
                                    </li>
                                    <li class="nav-item  ">
                                        <a href="双列表格.html" class="nav-link " target="myFrameName">
                                            <span class="title">双列表格</span>
                                        </a>
                                    </li>
                                    <li class="nav-item  ">
                                        <a href="双列展示表格.html" class="nav-link " target="myFrameName">
                                            <span class="title">双列展示表格</span>
                                        </a>
                                    </li>
                                    <li class="nav-item  ">
                                        <a href="数据库浏览.html" class="nav-link " target="myFrameName">
                                            <span class="title">数据库浏览</span>
                                        </a>
                                    </li>
                                    <li class="nav-item  ">
                                        <a href="dataProcessDesign.html" class="nav-link " target="myFrameName">
                                            <span class="title">数据交换流程设计</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- END SIDEBAR MENU -->
                        <!-- END SIDEBAR MENU -->
                    </div>
                    <!-- BEGIN CONTENT BODY -->
                   <div class="page-content">
                      <iframe src="" frameborder="0" width="100%" height="100%" scrolling="none" name="myFrameName"></iframe>
                   </div>
                    <!-- END CONTENT BODY -->
                    <!--<div class="page-footer">-->
                        <!--<div class="page-footer-inner"> 2017 &copy; 数演科技-->
                            <!--<a target="_blank" href="http://keenthemes.com">Json</a> &nbsp;|&nbsp;-->
                            <!--<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>-->
                        <!--</div>-->
                        <!--<div class="scroll-to-top">-->
                            <!--<i class="icon-arrow-up"></i>-->
                        <!--</div>-->
                    <!--</div>-->
                </div>
                <!-- END CONTENT -->
            </div>
            <!-- END CONTAINER -->
            <!-- BEGIN FOOTER -->

            <!-- END FOOTER -->
        </div>

        <!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script> 
<script src="../assets/global/plugins/ie8.fix.min.js"></script> 
<![endif]-->
        <!-- BEGIN CORE PLUGINS -->
        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
        <!-- END CORE PLUGINS -->
        <!-- BEGIN THEME GLOBAL SCRIPTS -->
        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
        <!-- END THEME GLOBAL SCRIPTS -->
        <!-- BEGIN THEME LAYOUT SCRIPTS -->
        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/layui/layui.all.js"></script>
        <!-- END THEME LAYOUT SCRIPTS -->
        <script>
            $(document).ready(function()
            {

                (function($){
                    $.fn.resize=function(callback){
                        $(this).each(function(){
                            var resizeDom = this;
                            resizeDom.callback = callback;

                            if(this == window){
                                window.onresize=function(){
                                    resizeDom.callback();
                                };
                            }else{
                                $(this).divResize(callback);
                            }
                        });
                    };

                    $.fn.divResize=function(callback){
                        var cycleTime = 250; // 定义监控大小变化的时间
                        if(callback==undefined||callback==null){
                            return;
                        }
                        if(!(typeof callback == "function")){
                            return;
                        }

                        $(this).each(function(){
                            var resizeDom = this;
                            resizeDom.data = {};
                            resizeDom.data.width = $(resizeDom).css("width"); // 存放当前宽度
                            resizeDom.data.height = $(resizeDom).css("height"); // 存放当前高度
                            resizeDom.callback = callback;
                            var resizeMonitor = function(){
                                if($(resizeDom).css("width")!=resizeDom.data.width||$(resizeDom).css("height")!=resizeDom.data.height){
                                    resizeDom.data.width = $(resizeDom).css("width");
                                    resizeDom.data.height = $(resizeDom).css("height");
                                    resizeDom.callback();
                                }
                                var callFunc = arguments.callee; // 获取本身函数
                                setTimeout(function(){callFunc();}, cycleTime);
                            };
                            resizeMonitor();
                        });
                    };

                }(jQuery));
                
                function content_h(){
                    if($(window).width() <= 991){
                        var body_h = $(document.body).height();
                        var navbar_h = $('.navbar').height();
                        var page_sidebar_h = $('.page-sidebar').outerHeight();
                        var page_sidebar_hh =  body_h - navbar_h  - page_sidebar_h;
                        $('.page-content').css({'min-height':page_sidebar_hh,'overflow':'auto'});
                    }
                }
                content_h();
                $(window).resize(function(){
                    content_h();
                });
                $(".page-sidebar").resize(function(){
                    content_h();
                });

                $('#clickmewow').click(function()
                {
                    $('#radio1003').attr('checked', 'checked');
                });

                //首页的iframe
                 $('iframe').attr('src','test.html');
                //点击切换iframe并更换tab的样式
                $('.sub-menu .nav-item').click(function(){
                    $(this).parent('.sub-menu').parent('.nav-item').addClass('active').siblings().removeClass('active');
                    $(this).addClass('active').siblings().removeClass('active');

                    if($(window).width() < 992){
                        $('.menu-toggler').click();
                    }
                });

                //点击tab栏首页
                $('.start').click(function(){
                    $('iframe').attr('src','test.html'); //跳转到首页;
                    $(this).addClass('active').siblings().removeClass('active open');//给首页tab加上active,移除兄弟节点的active
                    $(this).siblings().children('.sub-menu').css('display','none').children().removeClass('active');
                });

                //点击修改密码
                var base = 'http://192.168.0.126';
                $('.change-password').click(function () {

                    layer.open({
                        type : 2,
                        content : 'changePwd.html',
                        title : '修改密码',
                        btn : ['确认','关闭'],
                        area: ['600px','400px'],
                        yes:function (index, layero) {
                            $(layer.getChildFrame('.btn-confirm', index)).trigger('click');
                            var oldPwd= $(layer.getChildFrame('.oldPwd', index)).val();
                           var newPwd=    $(layer.getChildFrame('.newPwd', index)).val();
                           var confirmPwd=   $(layer.getChildFrame('.confirmPwd', index)).val();
                            $.ajax({
                                url : base +'/sys/user/updatePwd',
                                type : 'POST',
                                dataType : 'JSON',
                                data : {oldPwd:oldPwd,newPwd:newPwd,confirmPwd:confirmPwd},
                                success : function (result) {
                                    console.log(result)
                                }
                            });
                           /* var iframeWin = window[layero.find("iframe")[0]["name"]];
                            console.log(iframeWin.formValidator());
                            layer.close(index)*/
                        },
                    })
                })
            })
        </script>
    </body>

</html>